<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>News</title>
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/ticker-style.css" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
</head>

<body>
<div class="container clearfix">
	<div class="side-col">
    	<div class="block">
        <h3>
        	<span>
            	Images
            </span>
        </h3>
       	<div class="slider">
        <div class="flexslider">
          <ul class="slides">
            <li>
  	    	    <img src="images/screen-slider-1.jpg" alt="" />
  	    		</li>
  	    		<li>
  	    	    <img src="images/screen-slider-2.jpg" alt="" />
  	    		</li>
  	    		<li>
  	    	    <img src="images/screen-slider-1.jpg" alt="" />
  	    		</li>
  	    		<li>
  	    	    <img src="images/screen-slider-2.jpg" alt="" />
  	    		</li>
          </ul>
        </div>
        </div>
        
        </div>
        <div class="block">
        	<h3>
        	<span>
            	Calendar 
            </span>
        </h3>
        <div class="calendar clearfix">
                    	
                   	<ul>
                   	  <li>
                       	<div class="side-date">
                        	13
							<sub>APR</sub>
                        </div>
              			<div class="event">
                        	Collaborations with the University of Colorado, <br />USA                         
                        </div>
                      </li>
                      <li>
                       	<div class="side-date">
                        	08
							<sub>APR</sub>
                        </div>
              			<div class="event">
                        	Collaborations with the University of Colorado, <br />USA                        
                        </div>
                      </li>
                      <li>
                       	<div class="side-date">
                        	27
							<sub>APR</sub>
                        </div>
              			<div class="event">
                        	Collaborations with the University of Colorado, <br />USA                        
                        </div>
                      </li> 
                    </ul>
                                            
                   </div>
        </div>
    </div>
    <div class="main-col">
    	<div class="block">
        	<h3>
        	<span>
            	university NEWs
            </span>
            <div class="bg">
            	<div class="contentWrap">
                	<h4>
                	 Master Degree Available for
 Dentistry Graduates  Dentistry Graduates 
                </h4>
                <p>
                	"   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet pellentesque felis. Sed dictum ac metus vitae aliquam? 
Integer . "
                </p>
                <h4>
                	 Master Degree Available for
 Dentistry Graduates   
                </h4>
                <p>
                	"   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet pellentesque felis. Sed dictum ac metus vitae aliquam? 
Integer sit amet dolor massa. "
                </p>
                <h4>
                	 Master Degree Available for
 Dentistry Graduates  Dentistry Graduates 
                </h4>
                <p>
                	"   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet pellentesque felis. Sed dictum ac metus vitae aliquam? 
Integer  "
                </p>
                </div>
            </div>
        </h3>
        
        </div>
    </div>
</div>
<div class="footer">
	<div class="footer-content">
    	<div class="fooer-cont clearfix">
        	<img src="images/logo.png" alt="" class="logo"  />
            <div class="news-strip">News</div>
            <ul id="js-news" class="js-hidden">
		<li class="news-item">jQuery News Ticker is now compatible with jQuery 1.3.2! See below for further details and for latest download. </li>
		<li class="news-item">jQuery News Ticker now has support for right-to-left languages!</li>
		<li class="news-item">jQuery News Ticker now has support for loading content via an RSS feed!</li>
		<li class="news-item">jQuery News Ticker now has an optional fade effect between items!</li>
		<li class="news-item">New updates have been made to jQuery News Ticker! Check below for more details!</li>
		<li class="news-item">jQuery News Ticker is now compatible with jQuery 1.3.2! See below for further details and for latest download. </li>
		<li class="news-item">Further updates to jQuery News Ticker are coming soon!</li>
	</ul>
        </div>
    </div>
</div>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.ticker.js"></script>
<script defer src="js/jquery.flexslider.js"></script>
<script src="js/scripts.js"></script>
<script>
	$(window).load(function(){
      $('.flexslider').flexslider({
        animation: "fade",
		controlNav: false,               
		directionNav: false,
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    });
</script>
</body>
</html>
